.b-radio--outer {
    white-space: nowrap;
  
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle;
  }
  
  .b-radio--inner {
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
  }
  
  .b-radio--inner.is-checked {
    border-color: #409eff;
    background: #409eff;
  }
  
  .b-radio--inner::after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.15s ease-in;
  }
  
  .b-radio--inner.is-checked::after {
    transform: translate(-50%, -50%) scale(1);
  }
  
  .b-radio--label {
    margin-left: 4px;
    font-size: 14px;
  
  }
  
  .b-radio {
    margin-right: 20px;
    cursor: pointer;
  }
  
  .b-radio:last-child {
    margin-right: 0;
  }
  
  .b-radio-native {
    opacity: 0;
    display: none;
  }